<template lang="">
  <div>
    <h3>{{ $t('xiao-2') }}</h3>
    <a-tabs 
      v-model:activeKey="activeKey" 
      size="large" 
      type="card" >
      <a-tab-pane key="2" tab="公告">
        <AnnouncementListTab />
      </a-tab-pane>
      <a-tab-pane key="1" tab="通知">
        <MessageListTab />
      </a-tab-pane>
    </a-tabs>
  </div>
</template>
<script setup lang="ts">
import { ref } from 'vue'
import MessageListTab from './components/MessageListTab.vue';
import AnnouncementListTab from './components/AnnouncementListTab.vue';

const activeKey = ref('2');

</script>
<style lang="">
  
</style>